 <template>
  <div class="page">
    <head-top head-title="代金券说明" go-back="true"></head-top>
    <div class="markdown">
      <h3 id="q1-">Q1: 什么是商家代金券？</h3>
      <p>商家代金券是指由商家自己发放代金券，只限在指定的商家使用，可根据条件抵扣相应金额。</p>
      <h3 id="q2-">Q2: 怎么获得商家代金券？</h3>
      <ul>
        <li>进入有「进店领券」或「下单返券」标示的商家即有机会获得代金券。</li>
        <li>「下单返券」需要在指定商家完成满足返券金额要求的订单后才会返还，代金券可在下次下单时使用。</li>
      </ul>
      <h3 id="q3-">Q3: 商家代金券使用条件</h3>
      <ul>
        <li>商家代金券仅限在指定商家使用</li>
        <li>商家代金券仅限在线支付使用</li>
        <li>每个订单只能使用一张商家代金券，不可与其他代金券叠加使用</li>
      </ul>
    </div>
  </div>
</template>

<script>
import headTop from "src/components/header/head";
import { mapState, mapMutations } from "vuex";
import { payRequest } from "src/service/getData";
import alertTip from "src/components/common/alertTip";
import loading from "src/components/common/loading";

export default {
  data() {
    return {};
  },
  components: {
    headTop
  }
};
</script>
  
<style lang="scss" scoped>
@import "src/style/mixin";

.page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 45px;
  z-index: 203;
  background-color: #fff;
  p,
  span {
    font-family: Helvetica Neue, Tahoma, Arial;
  }
}
.markdown {
  @include sc(14px, #666);
  padding: 0 12px 12px;
  h3 {
    line-height: 47px;
  }
  p,
  li {
    @include sc(14px, #666);
    line-height: 23px;
  }
}
</style>
